<script>
	import Vue from 'vue'
	import appUpdate from 'common/util/appUpdate.js'
	export default {
		onLaunch: function() {
			uni.getSystemInfo({
				success: function(e) {
					
					// #ifdef APP-PLUS
					// 检测升级
					appUpdate()
					// #endif
					// #ifndef MP
					Vue.prototype.StatusBar = e.statusBarHeight;
					if (e.platform == 'android') {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 45;
					};
					// #endif

					// #ifdef MP-WEIXIN
					Vue.prototype.StatusBar = e.statusBarHeight;
					let custom = wx.getMenuButtonBoundingClientRect();
					Vue.prototype.Custom = custom;
					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
					// #endif		

					// #ifdef MP-ALIPAY
					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
					// #endif
					
					// #ifdef APP-PLUS
					//Vue.prototype.$api.listenTranMsg()
			// 		var info = plus.push.getClientInfo();
			
			// 		/* 5+  push 消息推送 ps:使用:H5+的方式监听，实现推送*/
			// 		plus.push.addEventListener("click", function(msg) {
			// 			console.log("click:" + JSON.stringify(msg));
			// 			console.log(msg.payload);
			// 			console.log(JSON.stringify(msg));
			// 			//这里可以写跳转业务代码
			// 		}, false);
			// 		// 监听在线消息事件    
			// 		plus.push.addEventListener("receive", function(msg) {
			// 			// plus.ui.alert(2);  
			// 			//这里可以写跳转业务代码
			// 			console.log("recevice:" + JSON.stringify(msg))
			// 		}, false);
					// #endif
					
					//Vue.prototype.$api.initLogin()
					
				}
			})
            Vue.prototype.NavBarColor='bg-gradual-blue'
            Vue.prototype.Radio_Check_Size='scale(0.7)'
            Vue.prototype.bannerList=[
           		  {id:1,type: 'image',url: 'https://static.jeecg.com/upload/test/banner0_1595850438042.jpeg', link: ''},
           		  {id:2,type: 'image',url: 'https://static.jeecg.com/upload/test/banner2_1595818081327.jpg', link: ''},
           		  {id:3,type: 'image',url: 'https://static.jeecg.com/upload/test/oabanner-2_1595648520760.png', link: ''},
           		  {id:4,type: 'image',url: 'https://static.jeecg.com/upload/test/banner5_1595818089013.jpeg', link: ''},
           	]	
			Vue.prototype.ColorList = [{
					title: '嫣红',
					name: 'red',
					color: '#e54d42'
				},
				{
					title: '桔橙',
					name: 'orange',
					color: '#f37b1d'
				},
				{
					title: '明黄',
					name: 'yellow',
					color: '#fbbd08'
				},
				{
					title: '橄榄',
					name: 'olive',
					color: '#8dc63f'
				},
				{
					title: '森绿',
					name: 'green',
					color: '#39b54a'
				},
				{
					title: '天青',
					name: 'cyan',
					color: '#1cbbb4'
				},
				{
					title: '海蓝',
					name: 'blue',
					color: '#0081ff'
				},
				{
					title: '姹紫',
					name: 'purple',
					color: '#6739b6'
				},
				{
					title: '木槿',
					name: 'mauve',
					color: '#9c26b0'
				},
				{
					title: '桃粉',
					name: 'pink',
					color: '#e03997'
				},
				{
					title: '棕褐',
					name: 'brown',
					color: '#a5673f'
				},
				{
					title: '玄灰',
					name: 'grey',
					color: '#8799a3'
				},
				{
					title: '草灰',
					name: 'gray',
					color: '#aaaaaa'
				},
				{
					title: '墨黑',
					name: 'black',
					color: '#333333'
				},
				{
					title: '雅白',
					name: 'white',
					color: '#ffffff'
				},
			]

		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}

	}
</script>

<style lang="scss">
	@import "plugin/colorui/main.css";
	@import "plugin/colorui/icon.css";
    @import "plugin/colorui/animation.css";
    @import "plugin/colorui/iconfont/iconfont.css"; //阿里巴巴
	.nav-list {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 40upx 0px;
		justify-content: space-between;
	}

	.nav-li {
		padding: 30upx;
		border-radius: 12upx;
		width: 45%;
		margin: 0 2.5% 40upx;
		background-image: url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);
		background-size: cover;
		background-position: center;
		position: relative;
		z-index: 1;
	}

	.nav-li::after {
		content: "";
		position: absolute;
		z-index: -1;
		background-color: inherit;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: -10%;
		border-radius: 10upx;
		opacity: 0.2;
		transform: scale(0.9, 0.9);
	}

	.nav-li.cur {
		color: #fff;
		background: rgb(94, 185, 94);
		box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
	}

	.nav-title {
		font-size: 32upx;
		font-weight: 300;
	}

	.nav-title::first-letter {
		font-size: 40upx;
		margin-right: 4upx;
	}

	.nav-name {
		font-size: 28upx;
		text-transform: Capitalize;
		margin-top: 20upx;
		position: relative;
	}

	.nav-name::before {
		content: "";
		position: absolute;
		display: block;
		width: 40upx;
		height: 6upx;
		background: #fff;
		bottom: 0;
		right: 0;
		opacity: 0.5;
	}

	.nav-name::after {
		content: "";
		position: absolute;
		display: block;
		width: 100upx;
		height: 1px;
		background: #fff;
		bottom: 0;
		right: 40upx;
		opacity: 0.3;
	}

	.nav-name::first-letter {
		font-weight: bold;
		font-size: 36upx;
		margin-right: 1px;
	}

	.nav-li text {
		position: absolute;
		right: 30upx;
		top: 30upx;
		font-size: 52upx;
		width: 60upx;
		height: 60upx;
		text-align: center;
		line-height: 60upx;
	}

	.text-light {
		font-weight: 300;
	}

	@keyframes show {
		0% {
			transform: translateY(-50px);
		}

		60% {
			transform: translateY(40upx);
		}

		100% {
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes show {
		0% {
			transform: translateY(-50px);
		}

		60% {
			transform: translateY(40upx);
		}

		100% {
			transform: translateY(0px);
		}
	}
	
	/* 强制更新样式 */
	
	.searchtip {
		width: 80%;
		background: white;
	
		.uni-searchbar {
			width: 100%;
		}
	}
	/deep/.uni-drawer {
		z-index: 999999!important;
	}
	
	.buttoncontent{
		display: flex;
		justify-content: space-around;
		    position: absolute;
		    width: 100%;
		    bottom: 10px;
	}
	uni-button.button{
		border: unset;
		border-radius: 30px;
		color: white;
		width: 46%;
	}
	uni-button.blue{
		    background: blue;
	}
	uni-button.red{
		    background: red;
	}
	/deep/.uni-forms-item__content {
		min-height: unset;
		display: flex;
		align-items: center;
	}
	/deep/.cu-form-group {
		padding: unset;
		min-height: unset;
	}
	/deep/.cu-form-group .picker {
		line-height: unset!important;
	}
	/* 搜索侧边栏 */
	/deep/.uni-drawer__content--visible {
		overflow-y: auto;
	}
	.box{
		.formbox {
			padding: 10px;
			float: left;
			width: 100%;
			position: relative;
		
			.positop {
				background-color: white;
				width: 100%;
				z-index: 9;
			}
		
			.h5 {
				float: left;
				box-sizing: border-box;
				font-size: 18px;
				font-weight: bold;
				width: 100%;
			}
		
			.h4 {
				color: #007aff;
				font-size: 16px;
			}
		
			.ul {
				margin: 10px 0;
				// border-bottom: 1px solid #ccc;
				// padding-bottom: 15px;
				position: relative;
						.c1 {
					font-size: 16px;
				}
		
				.c2 {
					color: #999;
				}
		
				.c3 {
					color: #999;
				}
		
				.c4 {
					font-size: 14px;
					color: #999;
				}
		
				.c5 {
					position: absolute;
					right: 0;
					bottom: 0;
					padding: 2px;
					font-size: 10px;
					display: inline-block;
					color: white;
					transform: scale(0.9);
					background: linear-gradient(to right, #bb3e03, #ffb7c3);
				}
		
				.bootm {
					margin-bottom: 5px;
				}
			}
		}
	}
	
		//表格
		.h-table {
			width: 100%;
			/* 行 */
			.h-tr {
				background: white;
				box-sizing: border-box;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: stretch;
				align-content: center;
		
				border-color: #e9e9e9;
				border-style: solid;
				border-width: 0;
				border-top-width: 1px;
				border-left-width: 1px;
				border-bottom-width: 1px;
				color: #333;
		
				/* 等比分列，1-6列 */
				@for $i from 1 through 6 {
					&-#{$i} {
						>.h-td {
							width: (100% / $i);
						}
					}
				}
		
				+.h-tr {
					border-top-style: none;
				}
			}
		
			/* 单元格 */
			.h-td.fontBold{
				width: 400px;
			}
			.h-td {
				box-sizing: border-box;
				padding: 3px;
				word-break: break-all;
				border-color: #e9e9e9;
				border-style: solid;
				border-width: 0;
				border-right-width: 1px;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				min-height: 64rpx;
		
				/* 跨列 */
				&-colspan {
					flex-grow: 1;
					width: 0;
				}
		
				/* 内容顶部对齐 */
				&-top {
					align-items: flex-start;
					align-content: flex-start;
				}
		
				/* 内容底部对齐 */
				&-bottom {
					align-items: flex-end;
					align-content: flex-end;
				}
		
				/* 内容左边对齐 */
				&-left {
					justify-content: flex-start;
				}
		
				/* 内容右边对齐 */
				&-right {
					justify-content: flex-end;
				}
			}
		
			/* 表头 */
			.h-thead {
				background-color: #4ba0fd;
				color: white;
			}
		
			/* 表格虚线 */
			&-dashed {
				.h-tr {
					border-top-style: dashed;
					border-left-style: dashed;
					border-bottom-style: dashed;
				}
		
				.h-td {
					border-right-style: dashed;
				}
			}
		
			/* 表格主题 Map，颜色摘自 Bootstrap */
			$theme-table:(primary:(color:#fff,
					bgColor:#337ab7,
					border:#2e6da4),
				success:(color:#fff,
					bgColor:#5cb85c,
					border:#4cae4c),
				info:(color:#fff,
					bgColor:#5bc0de,
					border:#46b8da),
				warning:(color:#fff,
					bgColor:#f0ad4e,
					border:#eea236),
				danger:(color:#fff,
					bgColor:#d9534f,
					border:#d43f3a));
		
			/* 生成主题代码 */
			$theme-table-keys:map-keys($theme-table);
		
			@each $k in $theme-table-keys {
				$item: map-get($theme-table, $k);
		
				&-#{$k} {
					.h-tr {
						border-top-color: map-get($item, border);
						border-left-color: map-get($item, border);
						border-bottom-color: map-get($item, border);
						color: map-get($item, bgColor);
					}
		
					.h-td {
						border-right-color: map-get($item, border);
		
					}
		
					.h-thead {
						background-color: map-get($item, bgColor);
						color: map-get($item, color);
					}
				}
			}
		}
		
		//表格结束
		// 标题样式
		.titlecontent {
			padding: 20px 15px;
		
			.h6 {
				width: 100%;
				box-sizing: border-box;
				margin-bottom: 10px;
				font-size: 18px;
				position: relative;
				padding-left: 10px;
				display: inline-block;
			}
			.h6:before {
				width: 5px;
				content: '';
				height: 25px;
				background-color: #007aff;
				display: inline-block;
				border-radius: 7px;
				position: absolute;
				top: 0;
				left: 0;
			
			}
			.icon {
				float: right;
				color: #007aff;
			
			}
			
			.icon.xifen {
				font-size: 14px;
				color: #999;
			}
			
		}
		
		.page {
			padding-bottom: 100px;
			max-width: 750rpx;
			display: inline-block;
			width: 100%;
		}
		
		//图片自适应
		.middle_img {
		    margin-left: -10px;
		    margin-right: -10px;
			.Colt_center_middleImg{
				    width: 33.33%;
				    display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: -webkit-flex;
				    display: flex;
				    -moz-justify-content: center;
				    -webkit-justify-content: center;
				    justify-content: center;
				    -webkit-box-align: center;
				    -moz-align-items: center;
				    -webkit-align-items: center;
				    align-items: center;
				    overflow: hidden;
				    float: left;
				    padding: 0 10px;
					.img_wapBox{
						    padding-bottom: 100%;
						    position: relative;
						    width: 100%;
						    overflow: hidden;
							.imag{
								    width: 100%;
								    height: 100%;
								    position: absolute;
								    top: 0;
								    left: 0;
								    object-fit: cover;
								    -webkit-transition: all 0.5s;
								    -o-transition: all 0.5s;
								    transition: all 0.5s;
								    border-radius: 10px;
							}
					}
			}
		}
		//底部弹出框
		.uni-popup.top .uni-transition{
			top: 0;
		}
		/deep/.uni-popup.top{
			z-index: 10000!important;
		}
		/deep/.uni-transition {
			background: white;
			overflow: hidden;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			.scrollbox {
				max-height: 400px;
				float: left;
				overflow: auto;
				width: 100%;
			}
		
			.scortop {
				padding: 10px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 18px;
				font-weight: bold;
		
			}
		}
		/deep/.uni-transition.top{
			top: 0;
		}
		.loadingType{
			    text-align: center;
			    margin: 10px 0;
			    display: inline-block;
			    width: 100%;
				color: #bdbaba;
				position: relative;
				&::after{
					content: '';
				    width: 58px;
				    height: 2px;
				    background: #e9e9e9;
				    position: absolute;
				    margin-left: 25px;
				    margin-top: 10px;
				}
				&::before{
					content: '';
				    width: 65px;
				    height: 2px;
				    background: #e9e9e9;
				    position: absolute;
				    margin-left: -90px;
				    margin-top: 10px;
				}
		}
		.scrollboxpeople{
			padding: 0 15px;
			float: left;
			width: 100%;
			.title{
				.text{
					font-size: 16px;
					font-weight: bold;
					float: left;
					position: relative;
					padding-left: 10px;
				}
				.text::after{
					        content: '';
					        position: absolute;
					        left: 0;
					        top: 4px;
					        width: 4px;
					        height: 15px;
					        background: #B81D22;
					        border-radius: 10px;
				}
				.span{
					float: right;
					font-size: 12px;
				}
			}
		}
		
		//列表详情页
		.group1 {
			background-color: white;
			border-radius: 14px;
			z-index: 4;
			margin-bottom: 10px;
			position: relative;
			padding: 10px;
			.positop{
				    position: absolute;
				    right: 0;
				    top: 0;
				    padding: 0 8px;
				    background: blue;
				    color: white;
					.word3{
						color: white;
					}
			}
			.groptitle{
				font-weight: bold;
				margin-bottom: 10px;
				font-size: 16px;
				.uni-icons{
				    font-size: 18px!important;	
				}
			}
			.righbom{
				position: absolute;
				    right: 0;
				    bottom: 0;
				    background: #B81D22;
				    border-top-left-radius: 30px;
				    color: white;
				    font-size: 14px;
				    padding: 2px 10px 2px 17px;
			}
		}
		
		.outer1 {
			width: 100%;
			align-items: center;
		}
		
		.box4 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 16px;
			height: 110px;
			width: 110px;
		}
		
		.box5 {
			height: 110px;
			width: 110px;
			border-radius: 10px;
		}
		
		
		.TextGroup1 {
			margin-left: 10px;
		}
		
		.txt2 {
			overflow-wrap: break-word;
			color: #333333;
			font-size: 16px;
			font-family: Adobe Heiti Std R;
			text-align: left;
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
			margin-bottom: 5px;
			font-weight: bold;
		}
		
		.word1 {
			overflow-wrap: break-word;
			color: #b81d22;
			font-size: 18px;
			font-family: Adobe Heiti Std R;
			text-align: left;
			white-space: nowrap;
			display: inline-block;
		}
		
		.word2 {
			width: 93px;
			height: 19px;
			overflow-wrap: break-word;
			color: #666666;
			font-size: 12px;
			font-family: Adobe Heiti Std R;
			text-align: left;
			white-space: nowrap;
			line-height: 20px;
			margin-left: 5px;
			display: inline-block;
			&.right{
				float: right;
				text-align: right;
				color: black;
			}
		}
		
		.word3 {
			overflow-wrap: break-word;
			color: #666666;
			font-size: 12px;
			font-family: Adobe Heiti Std R;
			text-align: left;
			line-height: 20px;
			display: inline-block;
			&.block{
				display: block;
			}
			&.labelbordr{
			    border: 1px solid #B81D22;
			    padding: 2px 4px;
			    border-radius: 5px;
			    color: #B81D22;
			    font-size: 8px;
			    line-height: unset;
			}
		}
		.labelred{
			color: #e25916;
		}
		.labelgereen{
			color: #39b54a;
		}
		.labelorgan{
			color: #fdca09;
		}
		.labelyellow{
			color: #2d41e0;
		}
		.word4 {
			overflow-wrap: break-word;
			color: #666666;
			font-size: 12px;
			font-family: Adobe Heiti Std R;
			text-align: center;
			white-space: nowrap;
			display: block;
			float: left;
			background: #efefef;
			padding: 3px 5px 3px 15px;
			margin-left: -10px;
		}
		
		.outer2 {
			z-index: 13;
			height: 26px;
			padding: 0 5px;
			border-bottom-right-radius: 30px;
			border-top-right-radius: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			float: left;
			background-color: #B81D22;
		}
		
		.word5 {
			overflow-wrap: break-word;
			color: white;
			font-size: 12px;
			font-family: Adobe Heiti Std R;
			text-align: center;
			white-space: nowrap;
			line-height: 20px;
		}
		
		.bd3 {
			background-color: rgba(255, 255, 255, 1);
			border-radius: 16px;
			z-index: 69;
			position: absolute;
			left: 30px;
			top: 1418px;
			width: 690px;
			height: 132px;
		}
		
		
		
		.section1 {
			// background-color: #f8f8f8;
			display: flex;
			flex-direction: column;
		}
		
		.bd2 {
		
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.box2 {
			background-color: rgba(184, 29, 34, 1.000000);
			display: flex;
			flex-direction: column;
			padding: 9rpx 0 0 312rpx;
		}
		
		.box3 {
			width: 690rpx;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin: 30rpx 0 0 30rpx;
		}
		//jia
		.timeout {
			display: flex;
			align-items: center;
			margin-top: 7px;
			.baozhenj{
			    border: 1px solid #B81D22;
			    color: #B81D22;
			    padding: 0 4px;
			    font-size: 11px;
			    font-weight: bold;	
				margin-right: 5px;
			}
			.Pay{
				font-size: 11px;
			}
		}
		.spacebox{
			float: left;
			width: 100%;
		}
		/deep/.space-around
		 {
			 float: left;
			 width: 100%;
			 box-shadow: 1px 1px 13px 0px #eaeaea;
			 .spacebox{
			 	justify-content: space-around;
			 	display: flex;
			 }
			&.positied{
					position: fixed;
				    top: 100px;
				    width: 100%;
				    left: 0;
				    background: white;	
				}
		 }
		 .uni-tab-bar{
			float: left;
			width: 100%;
		 }
		//列表详情页结束
		
		//表单验证input增强框
		/deep/uni-easyinput{
			width: 100%;
		}
		//表单验证input增强框结束
		
		/* 骨架屏1 */
		.skeleton-1{
		    background-color: #e3e3e3;
		    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 80%);
		    background-size: 100rpx 100%;
		    background-repeat: repeat-y;
		    background-position:0 0;
		    animation: skeleton-1 .6s infinite;
		}
		@keyframes skeleton-1 {
		    to {
		        background-position: 200% 0;
		    }
		}
		/* 骨架屏2 */
		.skeleton-2{
		    background-image: linear-gradient(-90deg, #fefefe 0%, #e6e6e6 50%,#fefefe 100%);
		    background-size: 400% 400%;
		    background-position:0 0;
		    animation: skeleton-2 1.2s ease-in-out infinite;
		}
		@keyframes skeleton-2{
		    to {
		        background-position: -135% 0;
		    }
		}
		.loadfail-img {
		    height: 100%;
		    background: url() no-repeat center;
		    background-size: 50%;
		}
		.uni-swipe_button-group{
			bottom: 10px!important;
		}
		.tong-fixed{
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 3;
		}
		/deep/uni-page-refresh .uni-page-refresh{
			z-index: 99999;
		}
</style>
